<!DOCTYPE html>
<html lang="en">
<head>
  <#import "common/common.macro.ftl" as netCommon>
  <@netCommon.commonStyle />
  <!-- DataTables -->
  <link rel="stylesheet" href="${request.contextPath}/static/adminlte/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
  <link rel="stylesheet" href="${request.contextPath}/static/css/modification_record.css">
  <title>定时任务修改记录查询</title>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
  <!-- Header and Sidebar -->
  <!-- header -->
  <@netCommon.commonHeader />
  <!-- left -->
  <@netCommon.commonLeft "cronjob" />
  <div id="header"></div>
  <div id="sidebar"></div>

  <!-- Content Wrapper -->
  <div class="content-wrapper">
    <!-- Content Header -->
    <section class="content-header">
      <h1>定时任务修改记录查询</h1>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="box">
        <div class="box-header with-border">
          <div class="row">
            <!-- 搜索条件 -->
            <div class="col-md-2">
              <div class="form-group">
                <label for="jobIdInput">服务器IP</label>
                <input type="text" class="form-control" id="jobIdInput" placeholder="服务器IP">
              </div>
            </div>
            <div class="col-md-2">
              <div class="form-group">
                <label for="executorIdInput">执行器</label>
                <input type="text" class="form-control" id="executorIdInput" placeholder="请输入执行器">
              </div>
            </div>
            <div class="col-md-2">
              <div class="form-group">
                <label for="modifiedByInput">修改人</label>
                <input type="text" class="form-control" id="modifiedByInput" placeholder="请输入修改人">
              </div>
            </div>
            <div class="col-md-2">
              <div class="form-group">
                <label for="commandInput">定时任务命令</label>
                <input type="text" class="form-control" id="commandInput" placeholder="请输入任务命令">
              </div>
            </div>
            <div class="col-md-2">
              <div class="form-group">
                <label for="recordsPerPage">每页显示</label>
                <select class="form-control" id="recordsPerPage">
                  <option value="10">10</option>
                  <option value="20">20</option>
                  <option value="50">50</option>
                </select>
              </div>
            </div>
            <div class="col-md-2 text-right">
              <div class="form-group">
                <label>&nbsp;</label>
                <button class="btn btn-info btn-block" id="searchBtn">搜索</button>
              </div>
            </div>
          </div>
        </div>
        <div class="box-body">
          <table id="modification_record_list" class="table table-bordered table-striped" width="100%">
            <thead>
            <tr>
              <th>服务器IP</th>
              <th>服务器用户</th>
              <th>执行器</th>
              <th>原调度时间</th>
              <th>新调度时间</th>
              <th>原任务命令</th>
              <th>新任务命令</th>
              <th>修改人</th>
              <th>复核人</th>
              <th>工单号</th>
              <th>修改时间</th>
            </tr>
            </thead>
            <tbody></tbody>
          </table>
        </div>
        <div class="box-footer">
          <div class="row">
            <div class="col-md-12 text-center">
              <div id="pagination" class="page-info">
                <span>第 <span id="currentPage">1</span> 页，共 <span id="totalPages">0</span> 页 <br>
                  当前记录数 <span id="currentCount">0</span>，共 <span id="totalRecords">0</span> 条</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>

  <!-- Footer -->
  <div id="footer"></div>
</div>

<@netCommon.commonScript />
<script src="${request.contextPath}/static/adminlte/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="${request.contextPath}/static/adminlte/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
<script src="${request.contextPath}/static/js/record.js"></script>

</body>
</html>
